<template>
  <div>
      <div class="centent">
    <!--搜索历史-->
    <div class="aui-content-padded">
        <div class="search_history">
            <p>搜索历史</p><i class="icon njfont nj-shanchu"></i></div>
        <div id="historyBox" class="historyBox">
            <!--<div class="aui-btn">水果</div>-->
            <!--<div class="aui-btn">蔬菜</div>-->
            <!--<div class="aui-btn">苹果</div>-->
        </div>
    </div>
    <!--搜索历史 end-->
    <!--热门搜索-->
    <div class="hotSearchBox aui-content-padded">
        <p>热门搜索</p>
        <div id="hotSearchBox" class="historyBox">
            <div class="aui-btn">水果</div>
            <div class="aui-btn">蔬菜</div>
            <div class="aui-btn">苹果</div>
        </div>
    </div>
    <!--热门搜索 end-->
</div>
  </div>
</template>
<style scoped>
    .hotSearchBox.aui-content-padded {
        text-align: left;
    }
</style>